<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$setting.webname}-在线课堂</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="shortcut icon" href="/public/static/admin/uploads/set/{$setting['ico']}">
    <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/base.css">
    <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/home.css">
    <script type="text/javascript" src="/public/static/home/themes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/public/static/home/themes/js/slider.js"></script>
    <script type="text/javascript" src="/public/static/home/themes/js/tab.js"></script>
    <style>
        /**{line-height: 30px;}*/
        .new-head{
            font-size:18px;
            text-align: center;
            padding:1rem 0.5rem 0;
            line-height: 30px;
        }
        .aui-watch-box{
            line-height: 30px;
            padding:2rem 2rem;
        }
        .aui-watch-box img{
            max-width: 100%;
            margin:0 auto;

        }
        .img_wrapper{
            width: 90%;
            margin:0 auto;
        }
        .desc{
            background:#f0f0f0;
            line-height: 30px;
            text-indent: 2em;
            font-size:14px;
            border-right: 3px;
            padding:8px;
        }
        .video video{
            margin:1% auto;
            width: 100%;
            display: block;
        }
        .tel{
            display: block;
            border: 1px solid #1d3491;
            margin: 10px auto;
            height: 40px;
            line-height: 40px;
            background: #1d3491;
            color: #fff;
            border-radius: 22px;
            width: 75%;
        }
    </style>
</head>
<body>

<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed b-line">
        <a href="javascript:history.back(-1)" class="aui-navBar-item">
            <i class="icon icon-return"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title">{$video.title}</span>
        </div>
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-sys"></i>
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="aui-watch-box" style="padding:10px;">
            <div class="new-head">
                <h1>{$video.title}</h1>
                <p style="color:#999"><small>关键词：{$video.keywords} <br/> 发布时间：{$video.create_time}</small></p>
            </div>
            <div class="video">
                <video src="{$video.url}"  controls poster="{$video.video_cover}" preload  controlslist="nodownload"></video>
            </div>
            <div class="desc">
                {$video.description}
            </div>
        </div>
        <div class="divHeight"></div>
        <div style="text-align: center;color:#999;font-size:16px;margin:15px;">
            <div style="height: 40px;margin:10px 0px;background:url(/public/static/home/themes/img/img/640.gif) no-repeat center;background-size:auto 100%;"></div>
            {if condition="empty($teacher.wx_qrcode)"}
                如有疑问请联系我校老师<br/>
                <img src="/public/static/admin/uploads/set/{$qrcode.val}" alt="" height="150"><br/>
                <span>{$qrcode.description}</span><br/>
                <a class="tel" href="tel:{$setting.gf_tel}">联系电话：{$setting.gf_tel}</a><br/>

            {else /}
                如有疑问请联系我校老师<br/>
                <img src="/public/static/admin/uploads/teacher_qr/{$teacher.wx_qrcode}" alt="" height="150"><br/>
                <span>我校老师：{$teacher.name}</span><br/>
                <span><a class="tel" href="tel:{$teacher.tel}">联系电话：{$teacher.tel}</a></span>
                <section class="_editor"  data-style-id="25113">
                    <section style="margin-top: 10px; margin-bottom: 10px;">
                        <p style="text-align: center; width:100%;" data-width="100%">
                            <br/>
                        </p>
                    </section>
                </section>
                <section style="margin-top: 10px; margin-bottom: 10px;">
                    <p style="text-align: center;width:6em;">
                        <img src="/public/static/home/themes/img/img/0.gif"/>
                    </p>
                    <section style="margin-top:-10px;background-color:#beffbb;border-radius:5px;" class="">
                        <section style="background-image: url(/public/static/home/themes/img/img/10001.gif); background-position: 100% 100%; background-repeat: no-repeat; background-attachment: scroll; background-size: 13%; padding: 15px; text-align: center;" class="">
                            <p style="letter-spacing: 2px;">
                                <span style="color: #0052ff;" onclick="share()">分享我的学校</span>
                            </p>
                            <p style="letter-spacing: 2px;">
                                点击上面“蓝字”分享我的学校哦！
                            </p>
                        </section>
                    </section>
                </section>
            {/if}
        </div>
        <div class="divHeight"></div>
        <div class="aui-coll-title">
            <h2>最新课程</h2>
        </div>
        <div >
            {foreach $videolist as $vs}
            <a href="{:url('Classroom/detail',['id'=>$vs.id,'tid'=>$tid])}" class="aui-flex b-line">
                {if condition="!empty($vs.video_cover)"}
                <div class="aui-branch-img">
                    <img src="{$vs.video_cover}" alt="" height="100%">
                </div>
                {/if}
                <div class="aui-flex-box">
                    <h2>{$vs.title}</h2>
                    <p>{$vs.description|mb_substr=###,0,18,"utf-8"}……</p>
                    <p>{$vs.create_time}</p>
                    <div class="aui-watch-seep">
                        <div class="aui-watch-seep-die" style="width:80%"></div>
                    </div>
                </div>
            </a>
            {/foreach}
        </div>

    </section>
    {include file="public/footer"}
</section>
</body>
</html>